@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

.active {
  color: plum;
}
.not-found{
  
.cls-1 {
  fill: #d6b49a;
}

.cls-1,
.cls-10,
.cls-11,
.cls-13,
.cls-14,
.cls-15,
.cls-17,
.cls-2,
.cls-4,
.cls-5,
.cls-6 {
  stroke: #000;
}

.cls-1,
.cls-11,
.cls-13,
.cls-14,
.cls-16,
.cls-8 {
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cls-1,
.cls-10,
.cls-11,
.cls-12,
.cls-13,
.cls-14,
.cls-15,
.cls-16,
.cls-17,
.cls-2,
.cls-3,
.cls-4,
.cls-5,
.cls-6,
.cls-7,
.cls-8,
.cls-9 {
  stroke-width: 3px;
}

.cls-2 {
  fill: #020202;
}

.cls-10,
.cls-12,
.cls-15,
.cls-17,
.cls-2,
.cls-3,
.cls-4,
.cls-5,
.cls-6,
.cls-7,
.cls-9 {
  stroke-miterlimit: 10;
}

.cls-3 {
  fill: #818181;
}

.cls-12,
.cls-16,
.cls-3,
.cls-7,
.cls-8,
.cls-9 {
  stroke: #191818;
}

.cls-4 {
  fill: #dcdbda;
}

.cls-5 {
  fill: #4ea7f1;
}

.cls-14,
.cls-6 {
  fill: #f8f3ed;
}

.cls-16,
.cls-7 {
  fill: #333;
}

.cls-13,
.cls-8 {
  fill: none;
}

.cls-9 {
  fill: #f8f59c;
}

.cls-10,
.cls-11 {
  fill: #f3d2c9;
}

.cls-15 {
  fill: #8bb174;
}

.cls-17 {
  fill: #da4e22;
}
}